<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>车辆列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/css/basic.css" />
    <link rel="stylesheet" href="../../assets/css/app.css" />
    <style>
        .am-tabs-d2 .am-tabs-nav>.am-active:after{ display: none; }
        .am-tabs-nav li{ background-color: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
        .am-tabs-bd{ background-color: #fff; }
        .am-tabs-d2 .am-tabs-nav>.am-active a{ line-height: 42px; }
        .am-tabs-bd .am-tab-panel{ padding: 0; }
        .am-list li.am-g{ border: none; margin: 0; border-bottom: 1px solid #dedede; }
        .am-list li.last{ border: none; }
        .am-list li a{ color: #333333;}
        .am-list li a span{ display: inline-block; text-align: center; margin-bottom: 0; width: 24%; }
        .list-date{ color: #31cc31; }
        nav.am-titlebar-nav{ padding: 5px 0; }
        nav.am-titlebar-nav span{width: 24%; display: inline-block; text-align: center; }
        #kuai-order{ height: 100%; padding-bottom: 0; }
        #kuai-order .form-input{ width: 75%; }
        .am-list .am-list-item-dated a{ padding-right: 0; }
        .am-form-group{ margin-bottom: 0; }
    </style>
</head>
<body>
<section id="kuai-order">
    <form style="padding: 0 5px;">

        <div class="am-form-group form-input">
            <input type="text" class="am-form-field" placeholder="输入车牌">
        </div>

        <button type="submit" class="btn am-btn am-btn-success">查找</button>
    </form>

    <div class="am-form-group ">
        <ul class="am-gallery am-avg-sm-2 am-gallery-imgbordered">
            <li class="am-g am-list-item-dated" style="padding: 10px 0">
                <a href="#" class="am-list-item-hd" id="guanli"><i class="r-btn"></i>只看管关联</a>
            </li>
        </ul>
    </div>
</section>

<div class="am-tabs am-tabs-d2">
    <ul class="am-list">
        <li class="am-g am-list-item-dated">
            <a class="am-list-item-hd">
                <span class="am-text-xs am-list car-crad">粤B747N</span>
                <span class="am-text-xs am-list car-pro">李强</span>
                <span class="am-text-xs am-list car-time">2014.12.22</span>
                <span class="am-text-xs am-list list-date">编辑</span>
            </a>
        </li>

        <li class="am-g am-list-item-dated last">
            <a class="am-list-item-hd">
                <span class="am-text-xs am-list car-crad">粤B747N</span>
                <span class="am-text-xs am-list car-pro">李强</span>
                <span class="am-text-xs am-list car-time">2014.12.22</span>
                <span class="am-text-xs am-list list-date">编辑</span>
            </a>
        </li>
    </ul>
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../../assets/js/handlebars.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
       $('.list-date').on('click', function () {
           window.location.href = 'userEdit.html';
       });

        $('#guanli').on('click', function () {
            $this = $(this);
            $btn = $this.find('i.r-btn');
            if($btn.hasClass('rg')) {
                $btn.removeClass('rg');
            } else {
                $btn.addClass('rg');
            }
        });
    });
</script>
</body>
</html>